<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Google Elections Center App</title>
		<link href="css/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools-yui-compressed.js"></script>
	</head>
	<body>
		<div id="content_div">
			<div id="widget">
				<div id="header">
					<h1>Google Elections Center App</h1> 
					<p class="intro">Get your voter info! Enter the full home address where you're registered to vote, including city and state:</p>
					<div class="search-box">
						<div class="text">
							<input id="keyword" type="text" placeholder="Ej.: 54.256.256 o CR 23 12 17, Lima"/>
						</div>	
						<input type="button" value="" id="search-button"/>
						<p>&nbsp;</p>
					</div>
				</div>
				<div id="map-container">
					<div class="header">
						<table border="0" cellpadding="0" cellspacing="0">
							<tr>
								<td class="spacing">
									<div>&nbsp;</div>
								</td>
								<td class="map selected">
									<a>Map</a>
								</td>
								<td class="result hidden">
									<a>Result</a>
								</td>
								<td class="fill"></td>
							</tr>
						</table>
					</div>
					<div id="wrapper">
						<div id="map"></div>
						<div id="options" style="display: none;">
							<h2>Did you mean</h2>
							<ul>
								<li><a href="#">1600 Pensylvania, Jesonville, Indiana 47130, EEUU</a></li>
								<li><a href="#">1600 Pensylvania, Jesonville, Indiana 47130, EEUU</a></li>
								<li><a href="#">1600 Pensylvania, Jesonville, Indiana 47130, EEUU</a></li>
							</ul>
						</div>
						<div id="results" style="display: none;">
							<div class="address">						
								<h2>Your data</h2>
								<h3>1600 Pensylvania, Jesonville, Indiana 47130, EEUU</h3>
							</div>
							<div id="vote-data">
								<div class="wrapper">
									<p class="less">								
										Check your voting location on your state <a target="_blank">voting place locator</a>
									</p>
									<h4>How to vote in <span class="state">California</span></h4>
									<p>	
										<a target="_blank"><span class="state">California</span> election website</a>
									</p>
									<p class="registered">
										<a target="_blank">Are you registered to vote?</a>
									</p>
									<p class="email">
										Any <span class="state">California</span> voter may vote by mail.<br />
									</p>
									<p class="email">
										<a target="_blank">Vote by mail information</a>
									</p>
									<p>
										<span class="state">California</span> voter hotline: 1-800-345-8683
									</p>
									<a target="_blank">Report an error</a>
								</div>
								<div class="footer">
									<p>
										Developed with the 
										<a target="_blank" href="http://www.votinginfoproject.org/">Voting Information Project</a>.
									</p>
									<p>
										Help others find their voter information: 
										<a target="_blank" href="http://gmodules.com/ig/creator?synd=open&amp;url=http://election-gadgets.googlecode.com/hg/voter-info/voter-info-gadget.xml">
											Get this app for your website
										</a>
									</p>
								</div>
							</div>
						</div>
						<div id="loading"></div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/mootools-more-1.3.2.1.js"></script>
		<script type="text/javascript" src="js/vote-info.js"></script>
	</body>
</html>